<template>
    <div id="percom">
    <el-table ref="multipleTable" :data="comments" toopltip-effect="dark" style="width: 900%; margin: 0 auto" >
    <el-table-column prop="_id"  label="订单编号" width="200">
    </el-table-column>
    <el-table-column  prop="comment.connect"  label="评论内容" width="350">
    </el-table-column>
    <el-table-column  prop="comment.commentTime"  label="评论时间" width="250">
    </el-table-column>
  </el-table>
  </div>
</template>
<style>
   #percom{
    width: 94%;
    margin-top: 33px;
   }
</style>
<script>
export default {
  name: 'PercomView',
  data() {
    return {
      comments: []
    }
  },
  created(){
    this.axios.defaults.headers.common['Authorization'] = localStorage.getItem('token');
    this.axios.get('/api/getOrdersComment')
        .then(res => {
          this.comments = res.data.data
          console.log('comments',res.data);
        })
    }
  }
    </script>